@charset "utf-8";
.container-fluid {
    padding: 0;
    header {
        background: #222222;
        .my_nav {
            border: none;
            background: none;
            margin: 0;
        }
        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:hover,
        .navbar-default .navbar-nav>.active>a:focus {
            color: #FFFFFF;
            background: #080808;
        }
        .navbar-brand {
            padding: 7px 15px;
        }
    }
    footer {
        background: #3b3b3b;
        padding-top: 35px;
        padding-bottom: 37px;
        .foot_GPS {
            padding-left: 0;
            a {
                display: inline-block;
                font-size: 14px;
                color: #a1a3ab;
                margin-right: 14px;
                margin-bottom: 15px;
            }
            .banquan {
                font-size: 12px;
                color: #a1a3ab;
            }
        }
        .footer_icon {
            ul {
                list-style: none;
                li {
                    display: inline-block;
                    width: 38px;
                    height: 38px;
                    border-radius: 50%;
                    background: #d8d8e0;
                    text-align: center;
                    line-height: 38px;
                    margin-right: 19px;
                }
            }
        }
    }
}
@media only screen and(min-width:768px) and(max-width:991px){
.nav > li > a{
        padding: 0;
        line-height: 50px;
        font-size: 15px;
    }
    .nav > li:nth-of-type(3){
        display: none;
    }
   .nav>li{
       margin-right: 8px;
   }
   .container-fluid header .my_nav{
       padding-top: 12px;
       padding-bottom: 12px;
   }
   
   .container-fluid footer .foot_GPS a{
       font-size: 16px;
   }
   .container-fluid footer .foot_GPS .banquan{
       font-size: 15px;
   }
      .footer_icon{
      text-align: right;
      margin-right: 20px;
   }
   footer{
       padding-left: 0;
   }
   .container-fluid footer {
    padding-top: 16px;
     padding-bottom: 13px;
}
}

@media only screen and(min-width:320px) and(max-width:767px){
.container-fluid footer {
    padding-top: 11px;
    padding-bottom: 4px;
}}